*{
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
}
body,html{
    width: 100vw;
    height: 100vh;
}
.menu{
width: 100vw;
height: 100vh;
display: flex;
background-color: rgb(67, 67, 67);
}
.menu-left{
    width: 15vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    border-right: 4px black solid;
}
.menu-left .iconfont{
    font-size: 8vw;
    color: white;
}
.menu-center{
    display: flex;
    color: white;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    flex: 1 1 auto;
}
.menu-center-password{
    display: flex;
    font-size: 10vw;
    width: 30vw;
    
    justify-content: space-between;
}
.menu-sign{
    font-size: 5vw;
   
   
}
.menu-num-list{
    display: flex;
    flex-direction: column;

    width: 60vw;
    align-items: center;
  
}
.num-list1,.num-list2{
    display: flex;
    padding-top: 5vw;
    justify-content: space-around;
    width: inherit;
}
.menu-num{
    width: 10vw;
    height: 10vw;
    font-size: 5vw;
    text-align: center;
    line-height: 10vw;
    background-color:transparent;
    
    border: 2px solid white;
    box-shadow: 0vw 0.5vw 1vw black;
    border-radius: 1vw;
}
.menu-num:active{
      box-shadow: 0vw 0.5vw 1vw red;
}
.menu-right{
    width: 10vw;
    border-left: 0.3vw solid white;
    border-radius: 1vw;
    display: flex;
    color: white;
    background-color: rgb(20, 20, 20);
    justify-content: center;
    align-items: center;
}
.menu-right .iconfont{
    font-size: 8vw;
    transform: rotate(90deg);
}
